<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Lei Shi">
    <meta http-equiv="Cache-Control" content="o-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="csrf-token" content="1483780974##87f89328c5616669f00302a263fe9061bb852818">


    <title>全部 - 课程 - education</title>


    <meta content="education课程分为基础课和项目课，内容涵盖了Linux、Python、Java、C语言、Ruby、Android、IOS开发、大数据、信息安全等IT技术领域。"
          name="description">
    <meta content="education课程,IT培训课程,IT实训课程,IT在线课程,all" name="keywords">

    <meta content="education,琛石科技" name="author">

    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="../static/font-awesome//4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/highlight.js/9.8.0/monokai-sublime.min.css">
    <link rel="stylesheet" href="../app/css/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../app/css/libs/katex/0.6.0/katex.min.css">
    <link rel="stylesheet" href="../app/css/libs/videojs/5.11.7/video-js.min.css">
    <link rel="stylesheet" href="../app/css/dest/styles.css?=2016121272249">
    <link rel="stylesheet"  href="../css/eye.css">

    <script src="../static/jquery/2.2.4/jquery.min.js"></script>

    <style>
        @font-face {
            font-family: "lantingxihei";
            src: url("../fonts/FZLTCXHJW.TTF");
        }

        /* modal 模态框*/
        #invite-user .modal-body {
            overflow: hidden;
        }

        #invite-user .modal-body .form-label {
            margin-bottom: 16px;
            font-size: 14px;
        }

        #invite-user .modal-body .form-invite {
            width: 80%;
            padding: 6px 12px;
            background-color: #eeeeee;
            border: 1px solid #cccccc;
            border-radius: 5px;
            float: left;
            margin-right: 10px;
        }

        #invite-user .modal-body .msg-modal-style {
            background-color: #7dd383;
            margin-top: 10px;
            padding: 6px 0;
            text-align: center;
            width: 100%;
        }

        #invite-user .modal-body .modal-flash {
            position: absolute;
            top: 53px;
            right: 74px;
            z-index: 999;
        }

        /* end modal */

        .en-footer {
            padding: 30px;
            text-align: center;
            font-size: 14px;
        }
    </style>

    <script src="../js/jquery-3.5.0.js"></script>
    <script src="../js/http.js"></script>
</head>

<!--<body onload="showuserName()">-->


<nav class="navbar navbar-default navbar-fixed-top header">
    <script src="../js/header.js"></script>
</nav>


<div class="container layout layout-margin-top">


    <div class="row">
        <div class="col-md-9 layout-body">

            <div class="content">
                <div class="row course-cates">
                    <div class="col-md-1 course-cates-title">类别：</div>
                    <div class="col-md-11 course-cates-content">
                        <a class="active" id="all" onclick="onAll()">全部</a>
                        <a  id="free" onclick="onCharge(0)">免费</a>
                        <a id="charge" onclick="onCharge(1)">收费</a>
                        <div class="course-cates-vip">
                        </div>
                    </div>
                </div>
                <div class="row course-cates">
                    <div class="col-md-1 course-cates-title">标签：</div>
                    <div class="col-md-11 course-cates-content course-label">
                        <a class="active" onclick="onAll()">全部</a>

                    </div>
                </div>
            </div>

            <div class="content position-relative">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="active" data-toggle="tab" onclick="onState(0)"><a>已上线</a></li>
                    <li data-toggle="tab" onclick="onState(2)"><a>即将上线</a></li>
                </ul>
                <div class="clearfix"></div>
                <div class="courses-sort">
                    <a>最新</a>
                    /
                    <a>最热</a>
                </div>
                <div class="search-result"></div>
                <div class="row courses">


                    <!--免费课程模板-->
<!--                    <div class="col-md-4 col-sm-6  course">-->
<!--                        <a class="course-box" href="course_detail.html">-->
<!--                            <div class="sign-box">-->


<!--                                <i class="fa fa-star-o course-follow pull-right"-->
<!--                                   data-follow-url="/courses/63/follow"-->
<!--                                   data-unfollow-url="/courses/63/unfollow" style="display:none"></i>-->

<!--                            </div>-->
<!--                            <div class="course-img">-->

<!--                                <img alt="新手指南之玩转education" src="https://dn-simplecloud.shiyanlou.com/ncn63.jpg">-->

<!--                            </div>-->

<!--                            <div class="course-body">-->
<!--                                <span class="course-title" data-toggle="tooltip" data-placement="bottom"-->
<!--                                      title="新手指南之玩转education">新手指南之玩转education</span>-->
<!--                            </div>-->
<!--                            <div class="course-footer">-->
<!--			<span class="course-per-num pull-left">-->
<!--                <i class="fa fa-users"></i>-->

<!--                57973-->

<!--			</span>-->


<!--                            </div>-->
<!--                        </a>-->
<!--                    </div>-->

                    <!--收费课程模板-->
<!--                    <div class="col-md-4 col-sm-6  course">-->
<!--                        <a class="course-box" href="course_detail.html">-->
<!--                            <div class="sign-box">-->


<!--                                <i class="fa fa-star-o course-follow pull-right"-->
<!--                                   data-follow-url="/courses/708/follow"-->
<!--                                   data-unfollow-url="/courses/708/unfollow" style="display:none"></i>-->

<!--                            </div>-->
<!--                            <div class="course-img">-->

<!--                                <img alt="Python 3 实现 Markdown 解析器"-->
<!--                                     src="https://dn-simplecloud.shiyanlou.com/1480644410422.png">-->

<!--                            </div>-->

<!--                            <div class="course-body">-->
<!--                                <span class="course-title" data-toggle="tooltip" data-placement="bottom"-->
<!--                                      title="Python 3 实现 Markdown 解析器">Python 3 实现 Markdown 解析器</span>-->
<!--                            </div>-->
<!--                            <div class="course-footer">-->
<!--			<span class="course-per-num pull-left">-->
<!--                <i class="fa fa-users"></i>-->

<!--                745-->

<!--			</span>-->


<!--                                <span class="course-money pull-right">会员</span>-->


<!--                            </div>-->
<!--                        </a>-->
<!--                    </div>-->


                </div>

                <!--页码-->
                <nav class="pagination-container">
                    <ul class="pagination">

                        <li class="disabled">
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">上一页</span>
                            </a>
                        </li>


                        <li class="active">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=1">1</a>
                        </li>


                        <li class="">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=2">2</a>
                        </li>


                        <li class="">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=3">3</a>
                        </li>


                        <li class="">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=4">4</a>
                        </li>


                        <li class="">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=5">5</a>
                        </li>


                        <li>
                            <a href='#'>...</a>
                        </li>


                        <li class="">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=24">24</a>
                        </li>


                        <li class="">
                            <a href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=25">25</a>
                        </li>


                        <li class="">
                            <a aria-label="Next" href="/courses/?course_type=all&amp;tag=all&amp;fee=all&amp;page=2">
                                <span aria-hidden="true">下一页</span>
                            </a>
                        </li>

                    </ul>
                </nav>


            </div>

        </div>


    </div>
</div>
</div>


<div class="modal fade" id="invite-user" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span
                        class="sr-only">Close</span></button>
                <h4 class="modal-title">邀请好友，双方都可获赠实验豆！</h4>
            </div>
            <div class="modal-body">

                <p><h4><a href="#sign-modal" data-toggle="modal" data-sign="signin">登录</a>后邀请好友注册，您和好友将分别获赠3个实验豆！
            </h4></p>

                <div id="msg-modal"></div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="flash-message" tabindex="-1" role="dialog">
    <div class="modal-dialog" rolw="document">
    </div>
</div>
<div class="modal fade" id="modal-message" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span
                        class="sr-only">Close</span></button>
                <h4 class="modal-title">注意</h4>
            </div>
            <div class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary confirm" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>


<script src="../js/loginAndregister.js"></script>


<div id="base-data"


     data-flash="false"


     data-is-login=false

     data-is-jwt=true
     data-socket-url="wss://comet.shiyanlou.com"
     data-msg-user=""
     data-msg-system=""
></div>

<script src="../app/dest/lib/lib.js?=2016121272249"></script>

<script src="../static/ace/1.2.5/ace.js"></script>
<script src="../static/aliyun/aliyun-oss-sdk-4.3.0.min.js"></script>
<script src="../static/highlight.js/9.8.0/highlight.min.js"></script>
<script src="../static/jspdf/1.2.61/jspdf.min.js"></script>
<script src="../static/plupload/2.1.9/js/plupload.full.min.js"></script>
<script src="../static/zeroclipboard/2.2.0/ZeroClipboard.min.js"></script>
<script src="../static/videojs/video.min.js"></script>
<script src="../static/bootstrap-tour/0.11.0/js/bootstrap-tour.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/extensions/filter-control/bootstrap-table-filter-control.min.js"></script>
<script src="../static/ravenjs/3.7.0/raven.min.js"></script>

<!--自定义js-->
<script src="../js/jquery-3.5.0.js"></script>
<script src="../js/courses_index.js"></script>
<script>
    Raven.config('https://bc3878b7ed0a4468a65390bd79e6e73f@sentry.shiyanlou.com/5', {
        release: '3.12.13'
    }).install();
</script>


<div id="jinja-data"
     data-loginurl="/login"
     data-private-course-url="/courses/join"
     data-site-type="0"

></div>

<script src="../app/dest/course/index.js?=2016121272249"></script>


<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-4 clearfix footer-col">
                <img src="../img/logo_03.png">
                <div class="footer-slogan">动手做实验，轻松学编程</div>
                <div class="col-xs-2">
                    <div class="social-item footer-weixin-item">
                        <i class="fa fa-weixin"></i>
                        <div class="footer-weixin">
                            <img src="../img/footer-weixin.png">
                        </div>
                    </div>
                </div>
                <div class="col-xs-2">
                    <div class="social-item footer-qq-item">
                        <i class="fa fa-qq"></i>
                    </div>
                </div>
                <div class="col-xs-2">
                    <div class="social-item footer-weibo-item">
                        <a href="http://weibo.com/shiyanlou2013" target="_blank">
                            <i class="fa fa-weibo"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2 footer-col">
                <div class="col-title">公司</div>
                <a href="../aboutus/index.html" target="_blank">关于我们</a><br>
                <a href="../contact/index.html" target="_blank">联系我们</a><br>
                <a href="http://www.simplecloud.cn/jobs.html" target="_blank">加入我们</a><br>
                <a href="https://blog.shiyanlou.com" target="_blank">技术博客</a><br>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2 footer-col">
                <div class="col-title">合作</div>
                <a href="../contribute/index.html" target="_blank">我要投稿</a><br>
                <a href="../labs/index.html" target="_blank">教师合作</a><br>
                <a href="../edu/index.html" target="_blank">高校合作</a><br>
                <a href="../friends/index.html" target="_blank">友情链接</a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2 footer-col">
                <div class="col-title">服务</div>
                <a href="../bootcamp/index.html" target="_blank">实战训练营</a><br>
                <a href="../vip/index.html" target="_blank">会员服务</a><br>
                <a href="../courses/reports/index.html" target="_blank">实验报告</a><br>
                <a href="../questions/index.html?tag=%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98" target="_blank">常见问题</a><br>
                <a href="../privacy/index.html" target="_blank">隐私条款</a>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-2 footer-col">
                <div class="col-title">学习路径</div>
                <a href="../paths/python/index.html" target="_blank">Python学习路径</a><br>
                <a href="../paths/linuxdev/index.html" target="_blank">Linux学习路径</a><br>
                <a href="../paths/bigdata/index.html" target="_blank">大数据学习路径</a><br>
                <a href="../paths/java/index.html" target="_blank">Java学习路径</a><br>
                <a href="../paths/php/index.html" target="_blank">PHP学习路径</a><br>
                <a href="../paths/index.html" , target="_blank">全部</a>
            </div>
        </div>
    </div>
    <div class="text-center copyright">
        <span>Copyright @2013-2016 education在线教育</span>
        <span class="ver-line"> | </span>
        <a href="http://www.bootstrapmb.com/" target="_blank">蜀ICP备13019762号</a>

    </div>
</div>


</body>

<template class="CourseClassifyTemplate">
    <a class="" value="{{id}}" onclick="onCourseClass(this)">{{CourseClassify}}</a>
</template>

<template class="CourseFreeTemplate">
    <div class="col-md-4 col-sm-6  course" value="{{courseId}}" onclick="onCourse(this)">
        <a class="course-box">
            <div class="sign-box">


                <i class="fa fa-star-o course-follow pull-right"
                   data-follow-url="#"
                   data-unfollow-url="#" style="display:none"></i>

            </div>
            <div class="course-img">

                <img alt="" src="{{img_url}}">

            </div>

            <div class="course-body">
                                <span class="course-title" data-toggle="tooltip" data-placement="bottom"
                                      title="">{{synopsis}}</span>
            </div>
            <div class="course-footer">



            </div>
        </a>
    </div>
</template>

<template class="CourseChargeTemplate">
    <div class="col-md-4 col-sm-6  course" value="{{courseId}}"  onclick="onCourse(this)">
        <a class="course-box">
            <div class="sign-box">


                <i class="fa fa-star-o course-follow pull-right"
                   data-follow-url="#"
                   data-unfollow-url="#" style="display:none"></i>

            </div>
            <div class="course-img">

                <img alt=""
                     src="{{img_url}}">

            </div>

            <div class="course-body">
                                <span class="course-title" data-toggle="tooltip" data-placement="bottom"
                                      title="#">{{synopsis}}</span>
            </div>
            <div class="course-footer">
			<span class="course-per-num pull-left">


			</span>


                <span class="course-money pull-right">收费</span>


            </div>
        </a>
    </div>
</template>
</html>
